$(function () {
  $.ajax({
    type: 'get',
    url: "http://193.112.55.79:9090/api/getcategorytitle",
    dataType: 'json',
    data: '',
    success: function (res) {
      // console.log(res);
      var data = res.result;
      //   调用模板引擎渲染页面结构
      var str = template('categoryTitle', {
        "data": data
      });
      // console.log(str);
      //   把渲染好的模板赋值回去
      $(".commodity >ul").html(str);
      $(".commodity-title").on("tap", function () {
        $(this).next().toggle();
        $(this).parent().siblings().find(".commodity-content").hide();
        // $(this).find("a").css("background","url('../images/arrow2.gif') no-repeat right center");
        var titleId = parseInt($(this).find('input').val());
        // console.log(titleId);
        $.ajax({
          type: 'get',
          url: "http://193.112.55.79:9090/api/getcategory",
          dataType: 'json',
          data: {"titleid":titleId},
          success: function (res) {
            // console.log(res.result);
            var categoryLi = res.result;
            var categoryLis = template('category', {
              "categoryLi": categoryLi
            });
            $(".commodity .commodity-content ul").html(categoryLis);
          }
        })
      })
    }
  })




})